<template>
  <div class="strategy-container">
    <el-card>
      <el-tabs v-model="activeName">
        <el-tab-pane label="自定义告警" name="1">
          <custom-alarm v-if="activeName === '1'"/>
        </el-tab-pane>
        <el-tab-pane label="离线告警" name="2">
          <div class="alarm-main">
            敬请期待。。。
          </div>
        </el-tab-pane>
        <el-tab-pane label="阈值告警" name="3">
          <div class="alarm-main">
            敬请期待。。。
          </div>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import CustomAlarm from './components/CustomAlarm'
export default {
  name: 'giveAlarm',
  components: { CustomAlarm },
  data: () => ({
    activeName: '1'
  }),
  methods: {}
}
</script>

<style lang="scss" scoped>
.strategy-container{
  margin-top: -20px;
}
</style>
